<template>
  <div class="title">
    <transition appear name="fadeInUp">
      <h1>Welcome!</h1>
    </transition>
    <transition appear name="fadeInX">
      <h2>点击左侧选项操作博客</h2>
    </transition>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
@Component
export default class start extends Vue {}
</script>

<style lang="less" scoped>
@import url("../assets/css/animate.css");
@import url("../assets/css/less.less");
.title {
  height: calc(100vh - 70px);
  .center;
}
</style>
